@inject Microsoft.ApplicationInsights.AspNetCore.JavaScriptSnippet JavaScriptSnippet
<!DOCTYPE html>
<html>
<head>
    @RenderSection("Styles", false)
    
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>@ViewData["Title"] - CrazyToDo.Web</title>
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <!-- 可选的Bootstrap主题文件（一般不使用） -->
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"></script>

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <link id="Initial_Intreface" href="~/Layout/css/Layout_black.css" rel="stylesheet" />
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <link href="~/Layout/css/Currency.css" rel="stylesheet" />
    <link href="~/Layout/css/search-form.css" rel="stylesheet" />
    <script src="~/Layout/js/Layout.js"></script>
</head>
<body>
    <div class="Left-Navigation-Bar">
            <a href="/User/PersonalHomepage" class="headImg"><img class="User-Image" id="head"></a>
            <a href="/Home/Index" class="a1"><img src="~/Layout/img/主页.png" /><span class="Navigation-Bar-Label">主页</span></a>
            <a href="/Matter/Index" class="a1"><img src="~/Layout/img/任务.png" /><span class="Navigation-Bar-Label">事项</span></a>
            <a href="/Activity/Index" class="a1"><img src="~/Layout/img/活动.png" /><span class="Navigation-Bar-Label">活动</span></a>
</div>
    <div class="Top-Navigation-Bar">
        <div>
            <label id="time1"></label>
            @*搜索框*@
            <section class="htmleaf-container">
                <form action="/Matter/SearcherMatters">
                    <div class="search-wrapper">
                        <div class="input-holder">
                            <input type="text" class="search-input" placeholder="Search for" name="keyWords"/>
                            <button type="submit" class="search-icon" onclick="searchToggle(this, event);"><span></span></button>
                        </div>
                        <span class="close" onclick="searchToggle(this, event);"></span>
                        <div class="result-container">

                        </div>
                    </div>
                </form>
            </section>
            <div class="Dropdown-Color">
                <img class="Change-Color" src="~/Layout/img/皮肤.png" />
                <div class="dropdown-content">
                    <a id="Black_Intreface"><img src="~/Layout/img/黑色方块.png" /><label>黑色</label></a>
                    <a id="Red_Intreface"><img src="~/Layout/img/红色方块.png" /><label>红色</label></a>
                    <a id="Blue_Intreface"><img src="~/Layout/img/蓝色方块.png" /><label>蓝色</label></a>
                </div>
            </div>
            <a href="/User/Exit"><img id="sign-out" src="~/Layout/img/退出.png" /></a>
        </div>
       

    </div>
    @*<div id="load">
        <img class="load" src="~/Layout/gif/加载1.gif" />
    </div>*@
    <div id="layout-float">
        @RenderBody()
    </div>
    @RenderSection("Script", false)
    <script src="http://libs.useso.com/js/jquery/1.11.0/jquery.min.js" type="text/javascript"></script>
    <script>window.jQuery || document.write('<script src="js/jquery-1.11.0.min.js"><\/script>')</script>
    <script type="text/javascript">
        function searchToggle(obj, evt) {
            var container = $(obj).closest('.search-wrapper');

            if (!container.hasClass('active')) {
                container.addClass('active');
                evt.preventDefault();
            }
            else if (container.hasClass('active') && $(obj).closest('.input-holder').length == 0) {
                container.removeClass('active');
                // clear input
                container.find('.search-input').val('');
                // clear and hide result container when we press close
                container.find('.result-container').fadeOut(100, function () { $(this).empty(); });
            }
        }

        //function submitFn(obj, evt) {
        //    keyWords = $(obj).find('.search-input').val().trim();
            
        //    axios.get('/Matter/SearcherMatters', {
        //        params: { keyWords: keyWords }
        //    })
        //        .then(function ()){
        //        window.location.href = '
        //    }
        //        onsubmit = "submitFn(this, event);"
        //    //axios({
        //    //    method: "POST",
        //    //    url: '/Matter/SearcherMatters',
        //    //    data: {
        //    //        keyWords: keyWords;
        //    //    }
        //    //})
                
        //}
    </script>

</body>
</html>
